<%--
Created by IntelliJ IDEA.
User: 20426
Date: 2020/7/20
Time: 11:55
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layuiAdmin 内容系统 - 评论管理</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/back/layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/back/layuiadmin/style/admin.css" media="all">
</head>
<body>

<div class="layui-fluid">
  <div class="layui-card">
    <div class="layui-form layui-card-header layuiadmin-card-header-auto">
      <div class="layui-form-item">
        <div class="layui-inline">
          <label class="layui-form-label">按评分：</label>
          <div class="layui-input-inline">
            <input type="text" name="cid" placeholder="请输入" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-inline">
          <label class="layui-form-label">用户名</label>
          <div class="layui-input-inline">
            <input type="text" name="username" placeholder="请输入" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-inline">
          <label class="layui-form-label">评论内容</label>
          <div class="layui-input-inline">
            <input type="text" name="content" placeholder="请输入" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-inline">
          <button class="layui-btn layuiadmin-btn-comm" data-type="reload" lay-submit lay-filter="LAY-app-contcomm-search" id="LAY-app-contcomm-search">
            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
          </button>
        </div>
      </div>
    </div>
    <div class="layui-card-body">

      <script id="comments_tool_title" type="text/html">
        <div style="padding-bottom: 10px;">
          <%--<button class="layui-btn layuiadmin-btn-comm" data-type="batchdel">删除</button>--%>
        </div>


      </script>
      <table id="LAY-app-content-comm" lay-filter="LAY-app-content-comm"></table>
      <script type="text/html" id="table-content-com"lay-filter="table-content-com" >
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
      </script>
    </div>
  </div>
</div>



<script src="${pageContext.request.contextPath}/back/layuiadmin/layui/layui.js"></script>
<script>
  layui.config({
    base: '${pageContext.request.contextPath}/back/layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['table','form'], function(){
    var table = layui.table,form = layui.form,$ = layui.$;
    var cols = [[ //表头
      {field: 'commentsId', title: '评论编号', sort: true,  fixed: 'left'}
      ,{field: 'accountName', title: '用户名',templet:"<div>{{d.account.accountName}}</div>"}
      ,{field: 'commentsContent', title: '评论内容'}
      ,{field: 'commentsTime', title: '评论时间'}
      ,{field: 'filmName', title: '电影名字',templet:"<div>{{d.film.filmName}}</div>"}
      ,{field: 'commentScore', title: '评分',templet:"<div>{{d.commentsScore}}</div>"}
      ,{field: 'operation', title: '操作', toolbar:"#table-content-com"}
    ]];


      table.render({
      elem: '#LAY-app-content-comm'
      ,url: '${pageContext.request.contextPath}/commentAdmin/backRootcommentsSelect' //数据接口
      ,toolbar: "#comments_tool_title"
      ,page: true //开启分页
      ,cols: cols
      ,limits: [1,2]
      ,parseData:function(res){
       console.log(res);
        return {
          "code": 0, //解析接口状态
          "msg": "搜索成功", //解析提示文本
          "count": res.total, //解析数据长度
          "data": res.list, //解析数据列表
        };
      }
    });
    // 删除 评论
  table.on("tool(LAY-app-content-comm)",function(obj){
      var commentsId = obj.data.commentsId;
      if(obj.event == "del"){
        layer.confirm("是否确认这条评论？",function(){
          $.ajax({
            type:"get"
            ,url:"${pageContext.request.contextPath}/commentAdmin/backRootcommentsDelete?commentsId="+commentsId
            ,success:function(result){
              if(result=="1"){
                layer.confirm("删除成功",function(){
                  parent.location.reload();
                },function () {
                  parent.location.reload();
                });
              }else{
                layer.msg("删除失败");
              }
            }
            ,error:function(){
              layer.msg("ajax错误");
            }
          })
        })
      }
    });

    // 评论查询
    form.on("submit(LAY-app-contcomm-search)",function(data){
      console.log("======="+data);

      var field = data.field;

      table.render({
        elem: '#LAY-app-content-comm'
        ,url: '${pageContext.request.contextPath}/commentAdmin/backRootcommentsSelect' //数据接口
        ,toolbar: "#comments_tool_title"
        ,page: true //开启分页
        ,cols: cols
        ,limits: [1,2]
        ,parseData:function(res){
          console.log(res);
          return {
            "code": 0, //解析接口状态
            "msg": "搜索成功", //解析提示文本
            "count": res.total, //解析数据长度
            "data": res.list, //解析数据列表
          };
        }
      });
    });
    //监听搜索
    form.on('submit(LAY-app-contcomm-search)', function(data){
      var field = data.field;

      //执行重载
      table.reload('LAY-app-content-comm', {
        where: field
      });
    });

    //点击事件
    var active = {
      batchdel: function(){
        var checkStatus = table.checkStatus('LAY-app-content-comm')
                ,checkData = checkStatus.data; //得到选中的数据

        if(checkData.length === 0){
          return layer.msg('请选择数据');
        }

        layer.confirm('确定删除吗？', function(index) {

          //执行 Ajax 后重载
          /*
          admin.req({
            url: 'xxx'
            //,……
          });
          */
          table.reload('LAY-app-content-comm');
          layer.msg('已删除');
        });
      }
    }

    $('.layui-btn.layuiadmin-btn-comm').on('click', function(){
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });
  });
</script>
</body>
</html>